
.root2 {
    -fx-base: rgb(50, 50, 50);
    -fx-background: rgb(50, 50, 50);

    /* make controls (buttons, thumb, etc.) slightly lighter */
    -fx-color: derive(-fx-base, 10%);

    /* text fields and table rows background */
    -fx-control-inner-background: rgb(20, 20, 20);
    /* version of -fx-control-inner-background for alternative rows */
    -fx-control-inner-background-alt: derive(-fx-control-inner-background, 2.5%);

    /* text colors depending on background's brightness */
    -fx-light-text-color: rgb(220, 220, 220);
    -fx-mid-text-color: rgb(100, 100, 100);
    -fx-dark-text-color: rgb(20, 20, 20);

    /* A bright blue for highlighting/accenting objects.  For example: selected
     * text; selected items in menus, lists, trees, and tables; progress bars */
    -fx-accent: rgb(0, 80, 100);

    /* color of non-focused yet selected elements */
    -fx-selection-bar-non-focused: rgb(50, 50, 50);
}


.trade-label{
	-fx-light-text-color: rgb(220, 220, 220);
	-fx-mid-text-color: rgb(100, 100, 100);
	-fx-dark-text-color: rgb(20, 20, 20);
}


.trade-long-color {
    -fx-light-text-color: rgb(255, 90, 90);
	-fx-mid-text-color: rgb(217, 70, 00);
	-fx-dark-text-color: rgb(217, 70, 00);
	-fx-fill: rgb(217, 70, 00);
}

.trade-short-color {
    -fx-light-text-color: rgb(0, 220, 0);
	-fx-mid-text-color: rgb(0, 96, 0);
	-fx-dark-text-color: rgb(0, 96, 0);
	-fx-fill: rgb(0, 96, 0);
}

.trade-info-color {
    -fx-light-text-color: rgb(80, 255, 255);
	-fx-mid-text-color: rgb(0, 153, 204);
	-fx-dark-text-color: rgb(0, 153, 204);
	-fx-fill:rgb(0, 153, 204);
}

.trade-remind-color {
    -fx-light-text-color: rgb(220, 220, 10);
	-fx-mid-text-color: rgb(255, 153, 0);
	-fx-dark-text-color: rgb(255, 153, 0);
	-fx-fill:rgb(255, 153, 0);
}

.trade-long-color-background {
	-fx-background-color: rgb(217, 70, 00);
}

.trade-short-color-background {
	-fx-background-color: rgb(0, 96, 0);
}